.header {
  @apply w-full fixed left-0 top-0 flex items-center px-4 bg-bg;
  height: 3.125rem;
  z-index: var(--pop-index);

  .logo {
    @apply flex items-center;

    .img {
      @apply object-contain shrink-0 h-6 w-20;
    }

    & > .slogan {
      @apply text-xs;
    }
  }

  .searchBox {
    @apply flex-1 text-right px-3 relative;
    height: 1.69rem;
    border-radius: 1.69rem;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 0.88rem;

    &::before {
      @apply absolute left-6 top-2/4 text-white-60 text-sm;
      transform: translateY(-50%);
      content: '搜索片名或演员';
    }

    .searchImg {
      @apply object-contain w-6 h-6 inline-block;
    }
  }

  .moreMenu {
    width: 1.5rem;
    height: 1.5rem;
  }
}
